
import React, { Component } from 'react'
import {
  View,
  StyleSheet,
  Image,
  Text,
  ScrollView,
} from 'react-native'

import NavBar from '../../../../../../components/PublicHeader';

export default class addComplete extends Component {
  constructor(props) {
    super(props)
    this.state = {
      addCompleteIcon: require("../../../../../../assets/images/iconResources/addComplete.png")
    };
  }

  componentDidMount = () => {

  }


  render() {

    return (
      <View style={styles.padlrWarper}>
        {/* 导航栏 */}
        <NavBar
          navigation={this.props.navigation}
          right={"完成"}
          title={this.state.topTitle}
          titleColor={"#333"}
          pressRight={() => {
            this.props.navigation.push('myCardBag')
          }}
        />
        <ScrollView>
          <View style={styles.padlr}>
            {/* 提示语 */}
            <View style={styles.textPrompt}>
              <Image
                source={this.state.addCompleteIcon}
              />
              <Text style={styles.textPromptTitle}>添加完成</Text>
            </View>
          </View>
        </ScrollView>
      </View>
    )
  }
}
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
    height: 32,
    backgroundColor: 'transparent'
  },
  padlrWarper: {
    backgroundColor: "#fff",
    flex: 1,
  },
  padlr: {
    paddingLeft: 25,
    paddingRight: 25,
    paddingTop: 10,
  },
  textPrompt: {
    marginTop: 60,
    flexDirection: "column",
    alignItems: "center",
  },

  textPromptTitle: {
    color: "#333",
    fontSize: 20,
    marginTop: 30
  },

})